<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=utf-8"%>
<%@ include file="/WEB-INF/views/common.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>eduProcess</title>
<link rel="stylesheet" type="text/css" href="/resources/css/web.css" />
<script src="/resources/js/jquery.min.js" type="text/javascript"></script>
<script src="/resources/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="/resources/js/jquery.form.js" type="text/javascript"></script>
<script src="/resources/js/jquery.uploadify.min.js" type="text/javascript"></script>
<script src="/resources/js/jquery.autocomplete.min.js" type="text/javascript"></script>
<script src="/resources/js/teacher.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(
		function(){
			initConsole();
		}
	);
</script>
</head>
<body>
<div class="tmenu">
	<div class="tm_logo">
	<ul>
	<li class="menuli">
		<a href="#" class="tm_logo_txt">${school.schoolName}</a>
		<span class="tm_logo_split"></span>
		<a href="#" class="tm_logo_spinner">
			<span>
				<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-92px -33px;width:11px;height:9px;"></img>
			</span>
		</a>
	</li>
	</ul>
	</div>
	<div style="" id="operationarea">
		<!-- 年级信息 操作 -->
		<ul style="display:none;" class="operation" id="operation_gradeinfo">
			<li id="operation_grade_new">
				<a href="javascript:newGrade();" class="tm_o_c_a" id="grade_new">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增年级
				</a>
			</li>
			<li class="menuli" id="operation_subject_edit">
				<a href="#" class="tm_o_c_a">学科</a>
			</li>
			<li id="operation_admin_new">
				<a href="#" class="tm_o_c_a">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增管理员
				</a>
			</li>
			<li class="menuli" id="operation_admin_delete">
				<a href="#" class="tm_o_c_a">删除管理员</a>
			</li>
		</ul>
		<!-- 新增年级 操作 -->
		<ul style="display:none;" class="operation" id="operation_newgrade">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:gradeCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 新增班级 操作 -->
		<ul style="display:none;" class="operation" id="operation_newclazz">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:clazzCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 教师列表 操作 -->
		<ul style="display:none;" class="operation" id="operation_teacher">
			<li id="operation_teacher_new">
				<a href="javascript:newTeacher();" class="tm_o_c_a" id="teacher_new">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增教师
				</a>
			</li>
			<li id="operation_teacher_upload">
				<a href="javascript:uploadTeacher();" class="tm_o_c_a" id="teacher_upload">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-55px -1px;width:26px;height:26px;position:absolute;top:7px;;"></img>
				</span>
				上传教师
				</a>
			</li>
			<li class="menuli">
				<a href="javascript:addGradeTeacherOptions()" class="tm_o_c_a" id="addGradeTeacherButton">选择已注册老师</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">删除</a>
			</li>
		</ul>
		<!-- 新增教师 操作 -->
		<ul style="display:none;" class="operation" id="operation_newteacher">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:teacherCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 上传教师 操作 -->
		<ul style="display:none;" class="operation" id="operation_uploadteacher">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:teacherCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 班级列表 操作 -->
		<ul style="display:none;" class="operation" id="operation_listclazz">
			<li>
				<a href="javascript:newClazz()" class="tm_o_c_a" id="clazz_new">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增班级
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">删除</a>
			</li>
		</ul>
		
		<!-- 考试列表 操作 -->
		<ul style="display:none;" class="operation" id="operation_listexam">
			<li>
				<a href="javascript:newExam()" class="tm_o_c_a">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增考试
				</a>
			</li>
			<li>
				<a href="javascript:uploadExam()" class="tm_o_c_a">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-55px -1px;width:26px;height:26px;position:absolute;top:7px;;"></img>
				</span>
				上传成绩
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">删除</a>
			</li>
		</ul>
		
		<!-- 考试详细 操作 -->
		<ul style="display:none;" class="operation" id="operation_examdetail">
			<li>
				<a href="javascript:uploadExam()" class="tm_o_c_a">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-55px -1px;width:26px;height:26px;position:absolute;top:7px;;"></img>
				</span>
				上传成绩
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_s_a" id="getExamAnalysisButton">成绩分析</a>
				<span class="tm_o_s_spit"></span>
				<a href="javascript:getExamAnalysisOptions()" class="tm_o_s_spinner">
					<span>
						<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-114px -33px;width:8px;height:8px;"></img>
					</span>
				</a>
			</li>
			<li>
				<a href="javascript:sendExamResultOptions()" class="tm_o_c_a" id="sendExamResultButton">
					<span>发送成绩</span>
					<span>
						<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-114px -33px;width:8px;height:8px;"></img>
					</span>
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">下载成绩</a>
			</li>
			<li>
				<a href="javascript:setExamConfigOptions()" class="tm_o_c_a" id="setExamConfigButton">
					<span>设置</span>
					<span>
						<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-114px -33px;width:8px;height:8px;"></img>
					</span>
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">返回</a>
			</li>
		</ul>
		<!-- 新增考试 操作 -->
		<ul style="display:none;" class="operation" id="operation_newexam">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:examCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 上传成绩 操作 -->
		<ul style="display:none;" class="operation" id="operation_uploadexam">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:examCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 班级学生列表 操作 -->
		<ul style="display:none;" class="operation" id="operation_listclazzstudent">
			<li id="operation_student_new">
				<a href="javascript:newStudent();" class="tm_o_c_a" id="student_new">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增学生
				</a>
			</li>
			<li id="operation_student_upload">
				<a href="javascript:uploadStudent();" class="tm_o_c_a" id="student_upload">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-55px -1px;width:26px;height:26px;position:absolute;top:7px;;"></img>
				</span>
				上传学生
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">删除</a>
			</li>
		</ul>
		<!-- 上传学生 操作 -->
		<ul style="display:none;" class="operation" id="operation_uploadstudent">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:studentCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<!-- 新增学生 操作 -->
		<ul style="display:none;" class="operation" id="operation_newstudent">
			<li class="menuli">
				<a href="#" class="tm_o_c_a">保存</a>
			</li>
			<li class="menuli">
				<a href="javascript:studentCancelSave()" class="tm_o_c_a">取消</a>
			</li>
		</ul>
		<ul style="" class="operation">
			<li>
				<a href="#" class="tm_o_c_a">
				<span class="tm_o_c_icon" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-1px -1px;width:26px;height:26px;position:absolute;top:7px;"></img>
				</span>
				新增年级
				</a>
			</li>
			
			<li>
				<a href="#" class="tm_o_c_a">
					<span>发送成绩</span>
					<span>
						<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-114px -33px;width:8px;height:8px;"></img>
					</span>
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_s_a">下载成绩</a>
				<span class="tm_o_s_spit"></span>
				<a href="#" class="tm_o_s_spinner">
					<span>
						<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/arrow.png);background-position:-114px -33px;width:8px;height:8px;"></img>
					</span>
				</a>
			</li>
			<li class="menuli">
				<a href="#" class="tm_o_c_a">删除</a>
			</li>
		</ul>
	</div>
	<div class="tm_pro">
		<ul>
			<li>
				<a href="#" class="tm_pro_conf_a">
				<span class="tm_pro_conf_s" dir="ltr">
					<img src="/resources/image/empty.gif" style="background-image:url(/resources/image/operation.png);background-position:-126px -2px;width:17px;height:17px;"></img>
				</span>
				</a>
			</li>
			<li>
				<a href="#" class="tm_pro_name">某某某</a>
			</li>
		</ul>
	</div>
</div>	
<div id="options_hidden_area">
	<ul id="options_exam_analysis" class="options_area">
		<li><a href="#">各班均分</a></li>
		<li>百分比进线</li>
	</ul>
	<ul id="options_sendpoint" class="options_area">
		<li><a href="#">短信发送</a></li>
		<li>邮件发送</li>
	</ul>
	<ul id="options_exam_setting" class="options_area">
		<li><a href="#">基本资料</a></li>
		<li>发布</li>
	</ul>
	<div id="options_teacher_quickadd" class="options_area">
		<div style="padding:10px;">
			<input type="text" name="teacherName" id="teacherQuickAddKeyword" value="" />
		</div>
	</div>
</div>
<div class="main_content">
	<div class="lmenu">
		<div class="lm_catalog">
			<a href="#">
				<span style="padding-left:5px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-108px -149px;width:9px;height:11px;"></img></span>
				<span>${grade.gradeName}</span>
			</a>
		</div>
		<ul class="lm_menu">
			<li>
			<a href="javascript:void(0)" id="getGradeInfo_${grade.gradeId }">年级信息</a>
			</li>
			<li>
			<a href="javascript:void(0)" id="listTeacher_${grade.gradeId }">年级教师</a>
			</li>
			<li>
			<a href="javascript:void(0)" id="listClazz_${grade.gradeId }">班级管理</a>
			</li>
			<li>
			<a href="javascript:void(0)" id="listExam_${grade.gradeId }">考试管理</a>
			</li>
		</ul>
		<c:forEach items="${clazzes}" var="clazz">
		<div class="lm_catalog">
			<a href="#">
				<span style="padding-left:5px;padding-right:2px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-108px -149px;width:9px;height:11px;"></img></span>
				<span>${clazz.clazzName }</span>
			</a>
		</div>
		<ul class="lm_menu">
			<li>
			<a href="javascript:void(0)" id="listClazzBlog_${clazz.clazzId}" >班级微博</a>
			</li>
			<li>
			<a href="javascript:void(0)" id="listClazzStudent_${clazz.clazzId}" >学生管理</a>
			</li>
			<li>
			<a href="#">考试列表</a>
			</li>
		</ul>
		</c:forEach>
	</div>
	<div class="bar"></div>
	<div class="panel" id="panel">
		<div class="panel_nav"><span id="panel_nav">年级信息</span><img src="/resources/image/progress.gif" align="absmiddle" id="progress" style="display:none;"/></div>
		<div class="panel_content">
			<div style="margin-left:20px;" class="panelarea" id="gradeinfoarea">
				<div style="font-size:150%;clear:both;padding-top:20px;padding-bottom:10px;">学科</div>
				<div>
				语文、数学、英语
				</div>
				<div style="font-size:150%;clear:both;padding-top:20px;padding-bottom:10px;">管理员</div>
				<div id="gradeadminlisttable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>姓名</span>
						<span>电子邮件</span>
						<span>手机号</span>
						<span>最后登录</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>某某某</span>
						<span>example@domain.com</span>
						<span>135****3890</span>
						<span>3天前</span>
					</div>
				</div>
			</div>
			
			<div style="margin-left:20px;display:none;" class="panelarea" id="newgradearea">
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">年级名称</label></div>
				<div>
				<input type="text" name="gradeName" value="" />
				</div>
			</div>
			
			<div style="margin-left:20px;display:none;" class="panelarea" id="tacherlistarea">
				<div id="teacherlisttable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>姓名</span>
						<span>电子邮件</span>
						<span>手机号</span>
						<span>最后登录</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>某某某</span>
						<span>example@domain.com</span>
						<span>135****3890</span>
						<span>3天前</span>
					</div>
					<div class="listtable_bottom_caption">
						<div style="display:block;width:100%;border-top:1px solid #ccc;font-size:88%;">
							<div style="float:left;">44 位教师</div>
							<div style="float:right;padding-right:20px;">
								<ul style="list-style:none outside none;">
									<li style="float:left;">第 1 页</li>
									<li style="float:left;">
										<div style="padding-left:16px;display:none;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -139px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -129px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;display:none;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-119px -1px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-119px -34px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-118px -86px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;display:none;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-118px -149px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -119px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;display:none;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -109px;width:8px;height:9px;"></div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 新增教师 -->
			<div style="margin-left:20px;display:none;" class="panelarea" id="newteacherarea">
				<div style="padding-top:20px;padding-bottom:20px;line-height:150%;">
					如果该教师信息已经注册过，请使用 <strong>选择已注册教师</strong> 选项。
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">姓名</label></div>
				<div>
				<input type="text" name="teacherName" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">性别</label></div>
				<div>
					<select id="gender" name="gender">
						<option>请选择</option>
						<option value="M">男</option>
						<option value="F">女</option>
					</select>
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">电子邮件(登录ID)</label></div>
				<div>
				<input type="text" name="email" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">手机号</label></div>
				<div>
				<input type="text" name="mobile" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">办公电话</label></div>
				<div>
				<input type="text" name="phone" value="" />
				</div>
			</div>
			
			<!-- 批量上传教师 -->
			<div style="margin-left:20px;padding-top:20px;display:none;" class="panelarea" id="uploadteacherarea">
				<div style="padding-top:20px;padding-bottom:20px;line-height:150%;">
					如果大量教师信息未在系统中注册过，请使用批量上传功能；	如果已经注册过，系统会依据Email来匹配更新相关信息。
				</div>
				<form name="" method="">
				<div>
				<input type="file" id="teacherfile" name="teacher" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;">
					<input type="checkbox" name="addToThisGrade" id="addToThisGrade" value="" />
					<label style="font-size:90%;" for="addToThisGrade">将该批教师同时关联到该年级，成为该年级的老师</label>
				</div>
				</form>
				
				<div style="padding-bottom:4px;padding-top:30px;"><a href="#">Excel模版文件</a></div>
			</div>
			
			<!-- 教师详细信息 -->
			<div style="margin-left:20px;padding-top:20px;display:none;" class="panelarea" id="teacherdetailarea">
				<div>
					<div style="float:left;">
						<img src="/resources/image/empty.gif" style="border:1px solid #ccc;width:180px;height:180px;"></img>
					</div>
					<div style="margin-left:200px;line-height:150%;">
						<div style="font-size:120%;" id="teacherdetail_teacherName">某某某 老师</div>
						<div style="">性别：<span id="teacherdetail_gender">男</span></div>
						<div style="">邮件：example@domain.com</div>
						<div style="">手机：13520959309</div>
						<div style="">电话：010-89897788</div>
						<div style="">登录：3天前</div>
						<div><a href="javascript:updateTeacher()">更改资料</a></div>
					</div>
				</div>
				<div style="font-size:150%;clear:both;padding-top:20px;">任课学科</div>
				<div>化学</div>
				<div style="font-size:150%;clear:both;padding-top:20px;">任课班级</div>
				<div>
					高一（1）<br/>
					高一（2）<br/>
					高一（3）<br/>
				</div>
				<div><a href="javascript:updateTeacherSubject();">修改任课信息</a></div>
			</div>
			
			<div style="margin-left:20px;display:none;" class="panelarea" id="teachersubjectarea">
				<div style="font-size:150%;clear:both;padding-top:20px;padding-bottom:10px;">任课学科</div>
				<div>
					<select id="gender" name="gender">
						<option>请选择</option>
						<option value="M">语文</option>
						<option value="F">数学</option>
						<option value="F">英语</option>
					</select>
				</div>
				<div style="font-size:150%;clear:both;padding-top:20px;padding-bottom:10px;">任课班级</div>
				<div>
					<table style="border:0px;">
					<tr>
						<td>
							<p style="font-size:90%;font-weight:bold;">所有班级</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>高一（8）班</option>
								<option>数学</option>
								<option>英语</option>
							</select>
						</td>
						<td style="text-align:center;">
							<div><input type="button" value="选择 >>" /></div>
							<div style="padding:10px;"><input type="button" value="<< 删除" /></div>
						</td>
						<td>
							<p style="font-size:90%;font-weight:bold;">已选班级</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>语文</option>
							</select>
						</td>
					</tr>
					</table>
				</div>
			</div>
			
			<div style="margin-left:20px;display:none;" class="panelarea" id="clazzlistarea">
				<div id="clazzlisttable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>班级</span>
						<span>班主任</span>
						<span>学生数</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>高一(8)班</span>
						<span>某某某</span>
						<span>35</span>
					</div>
				</div>
			</div>
			
			<div style="margin-left:20px;display:none;" class="panelarea" id="newclazzarea">
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">班级名称</label></div>
				<div>
				<input type="text" name="clazzName" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">年级</label></div>
				<div>
					<select id="grade" name="grade">
						<option>请选择</option>
						<option value="M">男</option>
						<option value="F">女</option>
					</select>
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">班主任</label></div>
				<div>
					<select id="gender" name="gender">
						<option>请选择</option>
						<option value="M">男</option>
						<option value="F">女</option>
					</select>
				</div>
			</div>
			
			<!--考试管理-->
			<div style="margin-left:20px;display:none;" class="panelarea" id="examlistarea">
				<div id="examlisttable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>考试名称</span>
						<span>状态</span>
						<span>操作</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>期中考试</span>
						<span>草稿</span>
						<span>上传</span>
					</div>
					<div class="listtable_bottom_caption">
						<div style="display:block;width:100%;border-top:1px solid #ccc;font-size:88%;">
							<div style="float:left;">44 位教师</div>
							<div style="float:right;padding-right:20px;">
								<ul style="list-style:none outside none;">
									<li style="float:left;">第 1 页</li>
									<li style="float:left;">
										<div style="padding-left:16px;display:none;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -139px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -129px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;display:none;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-119px -1px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-119px -34px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-118px -86px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;display:none;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-118px -149px;width:8px;height:9px;"></div>
									</li>
									<li style="float:left;">
										<div style="padding-left:16px;"><a href="#"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -119px;width:8px;height:9px;"></a></div>
										<div style="padding-left:16px;display:none;"><img src="/resources/image/empty.gif" style="background-image:url(/resources/image/marker.png);background-position:-117px -109px;width:8px;height:9px;"></div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 考试 详细信息 -->
			<div style="margin-left:20px;padding-top:20px;display:none;" class="panelarea" id="examdetailarea">
				<div id="examdetailtable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span>学号</span>
						<span>姓名</span>
						<span>语文机读</span>
						<span>语文非写</span>
						<span>语文写作</span>
						<span style="color:blue;">语文</span>
						<span>数学选择</span>
						<span>数学填空</span>
						<span>数学解答</span>
						<span style="color:blue;">数学</span>
						<span>总分</span>
					</div>
					<div class="listtable_row">
						<span>20130133</span>
						<span>李雪阳</span>
						<span>27</span>
						<span>56</span>
						<span>50</span>
						<span style="color:blue;">133</span>
						<span>40</span>
						<span>30</span>
						<span>62</span>
						<span style="color:blue;">132</span>
						<span>265</span>
					</div>
				</div>
			</div>
			
			<!-- 新增考试 -->
			<div style="margin-left:20px;display:none;" class="panelarea" id="newexamarea">
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">年级</label></div>
				<div>
				某某 年纪
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">考试名称</label></div>
				<div>
				<input type="text" name="teacherName" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">状态</label></div>
				<div>
					<select id="gender" name="gender">
						<option value="M">草稿</option>
					</select>
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">适用班级</label></div>
				<div>
					<table style="border:0px;">
					<tr>
						<td>
							<p style="font-size:90%;font-weight:bold;">所有班级</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>高一（3）班</option>
								<option>高一（4）班</option>
								<option>高一（5）班</option>
							</select>
						</td>
						<td style="text-align:center;">
							<div><input type="button" value="选择 >>" /></div>
							<div style="padding-top:10px;"><input type="button" value="全选 >>" /></div>
							<div style="padding:10px;"><input type="button" value="<< 删除" /></div>
						</td>
						<td>
							<p style="font-size:90%;font-weight:bold;">已选班级</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>高一（3）班</option>
							</select>
						</td>
					</tr>
					</table>
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">参与总分统计学科</label></div>
				<div>
					<table style="border:0px;">
					<tr>
						<td>
							<p style="font-size:90%;font-weight:bold;">所有学科</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>语文</option>
								<option>数学</option>
								<option>外语</option>
								<option>物理</option>
								<option>化学</option>
								<option>生活</option>
								<option>政治</option>
								<option>历史</option>
								<option>地理</option>
							</select>
						</td>
						<td style="text-align:center;">
							<div><input type="button" value="选择 >>" /></div>
							<div style="padding:10px;"><input type="button" value="<< 删除" /></div>
						</td>
						<td>
							<p style="font-size:90%;font-weight:bold;">已选学科</p>
							<select multiple="multiple" size="6" style="width:150px;height:150px;">
								<option>语文</option>
							</select>
						</td>
					</tr>
					</table>
				</div>
			</div>
			
			<!-- 上传考试成绩 -->
			<div style="margin-left:20px;padding-top:20px;display:none;" class="panelarea" id="uploadexamarea">
				<form name="" method="">
				<div>
				<input type="file" id="examfile" name="exam" value="" />
				</div>
				</form>
				
				<div style="padding-bottom:4px;padding-top:30px;"><a href="#">Excel模版文件</a></div>
			</div>
			
			<!-- class blog -->
			<div style="margin-left:20px;display:none;" class="panelarea" id="bloglistarea">
				<div style="padding-top:10px;">
					<textarea style="width:500px;height:80px;">ddd</textarea>
				</div>
				<div style="width:525px;">
					<div style="float:right;"><input type="submit" value="发布" /></div>
					<div style="padding-top:10px;">
					表情
					图片
					视频
					投票
					文件
					</div>
				</div>
				<div style="clear:both;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc;">
					<div style="float:left;"><img src="/resources/image/empty.gif" style="border:1px solid #ccc;width:50px;height:50px;"></img></div>
					<div style="margin-left:60px;">
						<div>某某某 </div>
						<div style="line-height:120%;padding:10px 0 10px 0;">
							一架飞机牵动了亿万中国人的心。但是我们还是不能不关心那位护士！
							南京殴护事件已震惊世界(BBC 新闻已播报) , 惊动中央(刘延东督办)，
							我们拭目以待：卒虽丢了，车能保住吗？禁止媒体报道的通知是谁发的？
							威胁医院的是什么人？删视频们如何处理；播假新闻的电台，个人如何处理(徐达内 沈彬彬)
							
							<div style="border:1px solid #c0c0c0;background-color:#ccc;margin:10px 10px 0 0;padding:5px;">
								<div>某某某 </div>
								<div style="line-height:120%;padding:10px 0 10px 0;">
									一架飞机牵动了亿万中国人的心。但是我们还是不能不关心那位护士！
								</div>
								<div style="">
									43分钟前 | 转发| 评论							
								</div>
							</div>
						</div>
						<div style="">
							43分钟前 删除 | 转发| 评论							
						</div>
					</div>
				</div>
			</div>
			
			<!--学生列表-->
			<div style="margin-left:20px;display:none;" class="panelarea" id="studentlistarea">
				<div id="studentlisttable" class="listtable" style="width:100%;right:0px;">
					<div class="listtable_head" style="font-weight:bold;">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>姓名</span>
						<span>性别</span>
						<span>最后登录</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>张三</span>
						<span>男</span>
						<span>5小时前</span>
					</div>
					<div class="listtable_row">
						<span style="width:43px;"><input type="checkbox" name="" /></span>
						<span>李四四</span>
						<span>女</span>
						<span>2014年3月4日 17:80</span>
					</div>
				</div>
			</div>
			
			<!-- 新增学生 -->
			<div style="margin-left:20px;display:none;" class="panelarea" id="newstudentarea">
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">学籍号</label></div>
				<div>
				<input type="text" name="rollNumber" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">学号</label></div>
				<div>
				<input type="text" name="studentNumber" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">姓名</label></div>
				<div>
				<input type="text" name="teacherName" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">性别</label></div>
				<div>
					<select id="gender" name="gender">
						<option>请选择</option>
						<option value="M">男</option>
						<option value="F">女</option>
					</select>
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">电子邮件(登录ID)</label></div>
				<div>
				<input type="text" name="email" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">手机号</label></div>
				<div>
				<input type="text" name="mobile" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">家庭电话</label></div>
				<div>
				<input type="text" name="homePhone" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">家长第一联系人电话</label></div>
				<div>
				<input type="text" name=" parentMobile1" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">家长第二联系人电话</label></div>
				<div>
				<input type="text" name=" parentMobile2" value="" />
				</div>
				<div style="padding-bottom:4px;padding-top:10px;"><label style="font-size:90%;">家长其他联系人电话</label></div>
				<div>
				<input type="text" name=" parentMobileOther" value="" />
				</div>
			</div>
			
			<!-- 批量上传学生 -->
			<div style="margin-left:20px;padding-top:20px;display:none;" class="panelarea" id="uploadstudentarea">
				<form name="" method="">
				<div>班级：高一(8)班</div>
				<div>
				<input type="file" id="studentfile" name="teacher" value="" />
				</div>
				</form>
				
				<div style="padding-bottom:4px;padding-top:30px;"><a href="#">Excel模版文件</a></div>
			</div>
			
			

		</div>
	</div>

	<div style="position:absolute;left:180px;bottom:0px;right:0px;margin-top:-31px;max-height:31px;border-top:1px solid #ccc;padding-left:20px;font-size:80%;">
	<ul>
		<li style="float:left; width:140px;"><span style="line-height:28px;color:#666;">&copy; 2013 eduProcess</span></li>
		<li style="float:left; width:80px;"><span style="line-height:28px;color:#666;">使用帮助</span></li>
		<li style="float:left; width:80px;"><span style="line-height:28px;color:#666;">服务条款</span></li>
		<li style="float:left; width:80px;"><span style="line-height:28px;color:#666;">隐私声明</span></li>
	</ul>
	</div>
</div>

</body>
</html>